@import 'variables';
@import 'mixins';

.touch-publish-form {
    padding: 40px 25px;
    background-color: #fff;
    > .touch-publish-control {
        > span {
            display: inline-block;
            height: 30px;
            margin-right: 30px;
            padding-top: 25px;
            padding-bottom: 25px;
            font-size: @font-size-base;
            color: @text-dec-color;
            vertical-align: top;
        }
        > input {
            display: inline-block;
            width: 84%;
            height: 80px;
            padding-top: 25px;
            padding-bottom: 25px;
            border: 0;
            border-bottom: 1px solid @border-color;
        }
        > textarea {
            width: 84%;
            height: 450px;
            padding-top: 25px;
            padding-bottom: 25px;
            border: 0;
            border-bottom: 1px solid @border-color;
            resize: none;
        }
    }
    > .touch-publish-upload {
        margin-top: 40px;
        > .touch-display {
            display: inline-block;
            > .touch-display-inner {
                padding: 0;
            }
        }
        > .touch-upload-btn {
            display: flex;
            display: -webkit-flex;
            > div {
                position: relative;
                flex-grow: 1;
                width: 190px;
                height: 140px;
                margin-right: 20px;
                background-color: @upload-btn-color;
                background-repeat: no-repeat;
                background-position: center;
                &:nth-child(1) {
                    background-size: 40px auto;
                    background-image: url(../images/icon/upload-add.png);

                }
                &:nth-child(2) {
                    margin-right: 0;
                    background-size: 60px auto;
                    background-image: url(../images/icon/upload-photo.png);
                }
            }
        }
    }
}